$(() => {
  // console.log(1);
  // 设置当前页
  let page = 1
  // 设置总页数
  let perpage = 10
  function init() {
    // 渲染文章列表
    $.ajax({
      url: bignews.article_query,
      data: {
        page,
        perpage,
        type: $('#selCategory').val(),
        state: $('#selStatus').val(),
      },
      success: function (res) {
        // console.log(res);
        $('tbody').html(template('articleTemp', res.data))
        // 调用分页 总页数   当前页
        setPage(res.data.totalPage, page)
      }
    });
  }
  init()



  // 分页
  function setPage(totalPages, currentPage) {
    $('.pagination').bootstrapPaginator({
      // 设置版本号
      bootstrapMajorVersion: 3,
      // 显示第几页
      currentPage,
      // 总页数
      totalPages: 10,
      //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
      onPageClicked: function (event, originalEvent, type, newPage) {
        // console.log(page);
        // console.log('被点击了');
        // 点击是显示当前点击的页面数据
        page = newPage
        // 没当当点击就重新加载数据
        init()
      }
    })
  }


  // 获取所有文章类别
  function cateInit() {
    $.ajax({
      type: "get",
      url: bignews.category_list,
      success: function (res) {
        // console.log(res);
        $('#selCategory').html(template('classify', res))
      }
    });
  }
  cateInit()



  // 点击筛选
  $('#btnSearch').on('click', () => {
    // console.log(1);
    console.log($('#selCategory').val());
    console.log($('#selStatus').val());
    init()
  })



  // 点击删除 事件委托绑定
  $('tbody').on('click', '.delete', function () {
    $.ajax({
      type: "post",
      url: bignews.article_delete,
      data: { id: $(this).data('id') },
      success: function (res) {
        console.log(res);
        // 删除成功之后重新加载页面
        init()
      }
    });
  })



})